import React from 'react'
import { NavBar, CountDown } from 'react-vant'
import { Button } from 'react-vant'
import { useNavigate } from 'react-router-dom'
import './syt.css'
export default function Syt() {
    const Navigate = useNavigate()
    return (
        <div id='yzp3'>
            {/* 头部导航栏 */}
            <div className='syt1'>
                <div>
                    <NavBar
                        style={{ background: '#feedef' }}
                        title="支付收银台"
                        leftText=""
                        onClickLeft={() => Navigate('/app/xzcc')}
                    />

                    <h2><span>￥</span>799.00</h2>
                    <p>
                        <span>支付时间剩余:<CountDown time={15 * 60 * 1000} /></span>
                    </p>
                </div>



                <div className='xzcc1'>
                    <span className='s2'> <Button style={{ width: '400px' }}
                        onClick={() => { Navigate('/app/zfcg') }}
                        type='danger'>确认支付￥3000.00提交订单</Button></span>

                </div>





                <div>

                </div>
            </div>
            <div>

            </div>
        </div>
    )
}
